@charset "utf-8";

*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:14px;color: #666666;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
b{font-weight:400}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

.w1200{width:1200px;margin:auto}
.w1140{width:1140px;margin:auto}
.w1000{width:1000px;margin:auto}
.tran-all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0}
.height40{height:40px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height60{height:60px;clear:both;zoom:1;line-height:0;font-size:0}
.height70{height:70px;clear:both;zoom:1;line-height:0;font-size:0}
.height80{height:80px;clear:both;zoom:1;line-height:0;font-size:0}
.height90{height:90px;clear:both;zoom:1;line-height:0;font-size:0}
.height100{height:100px;clear:both;zoom:1;line-height:0;font-size:0}

.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{ vertical-align:top!important}
.va-m{ vertical-align:middle!important}
.va-b{ vertical-align:bottom!important}

.pos-r{position:relative}
.pos-a{position:absolute}
.pos-f{position:fixed}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}

.left{ left:0; right:auto}
.right{ right:0; left:auto}
.top{ top:auto; bottom:0}
.bottom{ top:0; bottom:auto}

/* .text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap} */
.over-hide{overflow: hidden;}
.line{ font-size: 0px; line-height: 0px; border-top: solid 1px #e7e7e7; float: none}

.bk-gray{border:solid 1px #e7e7e7}
.radius{border-radius:5px; overflow:hidden}
.round{border-radius:1000px; overflow:hidden}
.circle{ border-radius:50%; overflow:hidden}

.box-shadow{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.text-shadow{-webkit-text-shadow:0 0 2px rgba(0,0,0,0.2);text-shadow:0 0 2px rgba(0,0,0,0.2)}

.text-white{color:#ffffff;}
.text-main{color:#e6002d}
.color{color:#ff4444;}
.bg-white{background:#ffffff}
.bg-gray{background:#f7f7f7;}

.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-20{font-size:20px}
.f-24{font-size:24px}
.f-26{font-size:26px}
.f-28{font-size:28px}
.f-30{font-size:30px}

sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}

.content{position:relative;font-size:14px;line-height:28px;overflow:hidden;text-align:left}
.content h3{ margin-top:20px;font-size:16px}

.readmore{display:block;margin:auto;width:180px;height:50px;line-height:50px;color:#000000;font-size:16px;font-weight:700;text-align:center;background:#f7e402;}



.hide{display:none}[hidden]{display: none}
.hidden{display:none!important;visibility:hidden!important}
.f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}
.show{display:block}
.invisible{visibility:hidden}

::-webkit-input-placeholder {color:#999999;font-size:12px}
:-moz-placeholder {color:#999999;font-size:12px}
::-moz-placeholder {color:#999999;font-size:12px}
:-ms-input-placeholder {color:#999999;font-size:12px}

@font-face {font-family: "ava";
  src: url('font/ava_bnl.eot');
  src: url('font/ava_bnl.eot?#iefix') format('embedded-opentype'),
  url('font/ava_bnl.woff') format('woff'),
  url('font/ava_bnl.ttf') format('truetype'),
  url('font/ava_bnl.svg') format('svg');
}

@font-face {font-family: "impact22";
  src: url('font/impact.eot');
  src: url('font/impact.eot?#iefix') format('embedded-opentype'),
  url('font/impact.woff') format('woff'),
  url('font/impact.ttf') format('truetype'),
  url('font/impact.svg') format('svg');
}



/*head*/
.head{width:100%;height:120px;overflow:hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.head .logo{float: left;width:240px;height:120px;}
.head .logo img{height:42px;margin-top:39px}
.head .navs{float: right;height:120px;}
.h_nav{height:20px;line-height:20px;margin-top:20px;text-align: right}
.h_nav a{color:#353535;font-size:12px}
.h_nav a:hover{color:#ffd730}
.h_nav .pipe{display: inline-block;width:1px;height:10px;margin:5px 15px;background-color:#5a5a5a;vertical-align:middle}
.h_nav .btns{display: inline-block;width:20px;height:20px;vertical-align:middle;background:url(../imgs/icon_01.png) no-repeat 0 0;}
.h_nav .search_btn{background-position:0 -20px;position:relative;}
.h_nav .cart_btn{background-position:-20px -20px;}

.nav{height:30px;line-height:30px;margin-top:25px;}
.nav li{float: left;margin-left:40px;}
.nav li a{color:#353535}
.nav li a:hover{color:#ffd730}

.index-head{position:relative;z-index:10;border-bottom:none;background:rgba(0,0,0,.7);}
.index-head .logo{text-align:center;background-color:rgba(53,53,53,.25)}
.index-head .navs{}
.index-head .nav{}
.index-head .nav .nav-in{}
.index-head .nav .nav-in ul {}
.index-head .nav .nav-in ul li{}
.index-head .h_nav a{color:#ffffff;font-size:12px}
.index-head .h_nav a:hover{color:#ffd730;font-size:12px}
.index-head .h_nav .search_btn{background-position:0 0;}
.index-head .h_nav .cart_btn{background-position:-20px 0;}
.index-head .nav li {}
.index-head .nav li a{color:#ffffff}
.index-head .nav li a:hover{color:#ffd730}






.fist_img_head{background:none !important}
.fist_img_menus{background:rgba(53,53,53,.25) !important}


.search_box{position:absolute;width:0;height:40px;right:-10px;top:-10px;border-radius:2px;box-shadow:0 0 3px rgba(0,0,0,.2);background-color:#ffffff;overflow:hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.search_box>form{display: block;width:150px;background-color:#ffffff;}
.search_box .vals{float: left;width:100px;height:40px;line-height:40px;padding-left:10px;background:none;border:none;}
.search_box .btns{float: left;width:40px;height:40px;cursor:pointer;background:none;border:none;}
.search_box .btns i{display:block;margin:10px;width:20px;height:20px;background:url(../imgs/icon_01.png) no-repeat 0 -20px;}


/*foot*/
.foot{padding:25px 0;background:#000000;border-top:2px solid #f7e402}
.f_nav{float: left;}
.f_nav dl{float: left;width:180px}
.f_nav dt{margin-bottom:15px;color:#ffd730}
.f_nav dt a{color:#ffd730}
.f_nav dd{line-height:26px}
.f_nav dd a{color:#828282;font-size:12px}
.f_nav dd a:hover{color:#ffd730}
.pro_dd { float:left; margin:0 10px;}

.f_con { float:right;width:300px;}
.f_con .p1{color:#ffd730}
.f_con .p2{color:#e71f18;font-size:24px}
.f_con .p3{color:#828282;font-size:13px;line-height:1.8}


.f_con .shares{margin-top:25px}
.f_con .share_qq,
.f_con .share_wx,
.f_con .share_wb{position:relative;float: left;margin-right:13px;width:24px;height:24px;padding:8px;background-color:#747474;border-radius:100%}
.f_con .share_qq img,
.f_con .share_wx img,
.f_con .share_wb img{display:block}
.f_con .share_qq:hover{background-color:#21b3f7}
.f_con .share_wx:hover{background-color:#3dbe5b}
.f_con .share_wb:hover{background-color:#ff5757}

.f_con .share_wx .qrcode{display:none;position:absolute;right:-120px;top:0;width: 108px;height: 108px;padding:10px 0;font-size:12px;border: 1px solid #e4e4e4;color: gray;text-align: center;line-height: 1;background: #fff;border-radius: 3px;}
.f_con .share_wx .qrcode:before {content: "";width: 5px;height: 5px;background: #fff;border-bottom: 1px solid #bcbcbc;border-left: 1px solid #e4e4e4;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);display: block;position: absolute;left: -4px;top: 15px;}
.f_con .share_wx .qrcode .qr{margin-bottom:7px;text-align: center}
.f_con .share_wx .qrcode .qr img{margin:auto;}
.f_con .share_wx .a_share .wxWrap:hover>.qrcode{display:block;}
.f_con .share_wx:hover .qrcode{display: block;}



.copyright{margin-top:150px;font-size:12px;color:#cccccc}
.copyright .lefts{width:980px;}
.copyright .rights{width:200px;text-align: right}
.copyright a{color:#cccccc}










/*page*/
.shop-page .pagetion{padding:5px 0;}
.shop-page .pagination{text-align:center;padding:40px 0; }
.shop-page .pagination li{display:inline-block;border:1px solid #d1d1d1;margin:0 5px;background:#fff;}
.shop-page .pagination li a{display:block;color:#999999;padding:6px 15px;}
.shop-page .pagination li a:hover{background-color:#f9f9f9}
.shop-page .pagination li.disabled span{color:#e1e1e1;display:block;padding:6px 15px ;}
.shop-page .pagination li.disabled{border-color:#e1e1e1}
.shop-page .pagination li.active span{color:#666;display:block;padding:6px 15px ;}
.shop-page .pagination li.active {border:1px solid #ffd319;background-color:#ffd319}
.shop-page .pagination li.active .sr-only{display:none}

/** prev next button ***/
.pn{padding-top:20px;margin:auto; width:100%;line-height:20px; overflow:hidden;border-top:1px solid #ddd;color:#666666}
.pn a{color:#666666}
.pn_l{padding:5px 0;font-size:14px; overflow:hidden;}
.pn_l a:hover{color:#e71f18;}
.pn_r{padding:5px 0;font-size:14px; overflow:hidden;}
.pn_r a:hover{color:#e71f18;}




/*头部购物车列表start*/


.header-box ul li #menu-5 {width: 280px;padding:0;left:0;right:0}
.header-box ul li #menu-5 .menu-bd-mask {width: 92px;left: 0;right:0}
.header-box ul li #menu-5 p{line-height:20px}

.menu-bd.cart-box-main {
    width: 280px;
    padding: 0;
}
.dropdown-layer-con {
    position: relative;
    z-index: 2;
    width: 100%;
    background: #fff;
}
.dropdown-layer-con .cart-type {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.cart-type-icon {
    display: block;
    width: 200px;
    height: 150px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.cart-type-icon {
    background-image: url(../imgs/empty-cart.gif);
}
.dropdown-layer-con .cart-type .cart-type-text {
    line-height: 20px;
    padding: 10px;
}
.dropdown-layer-con .cart-type .cart-type-text a {
    color:#e31939
}
.dropdown-layer-con .dropdown-title {
    height: 25px;
    padding: 6px 8px;
    line-height: 25px;
    font-size:12px
}
.dropdown-layer-con .dropdown-goods-list {
    background: #fff;
    width: 100%;
    height: auto!important;
    height: 344px;
    max-height: 344px;
    overflow-y: auto;
}
.dropdown-layer-con .dropdown-goods-list ul {
    margin-top: -1px;
    width: 100%;
    height: auto;
    float: none;
    clear: both;
}
.dropdown-layer-con .dropdown-goods-list li {
    width: 94%;
    padding: 8px 3%;
    border-top: 1px dotted #ccc;
    overflow: hidden;
    line-height: 17px;
    vertical-align: bottom;
}
.dropdown-layer-con .dropdown-goods-list li:hover{
    background-color:#f5f5f5
}
.dropdown-layer-con .dropdown-goods-list li:hover a.delete{
    display:block
}
.dropdown-layer-con .dropdown-goods-list .p-img {
    float: left;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    padding: 0;
    margin-right: 10px;
    font-size: 0;
}
.dropdown-layer-con .dropdown-goods-list .p-name {
    float: left;
    width: 100px;
    height: 52px;
    overflow: hidden;
}
.dropdown-layer-con .dropdown-goods-list .p-name a {
    text-align: left;
    line-height: 17px;
    vertical-align:top
}
.dropdown-layer-con .dropdown-goods-list .p-detail {
    float: right;
    text-align: right;
}
.dropdown-layer-con .dropdown-goods-list .p-detail .p-price{
    font-size:12px
}
.dropdown-layer-con .dropdown-goods-list .p-detail .p-price strong{
    color:#e31939;
}
.dropdown-layer-con .dropdown-goods-list .p-detail a.delete {
    display: none;
}
.dropdown-layer-con .dropdown-footer {
    padding: 8px;
    background: #F5F5F5;
    font-size:12px;
}
.dropdown-layer-con .dropdown-footer .p-total {
    float: left;
    line-height: 29px;
}
.dropdown-layer-con .dropdown-footer .p-total b,
.dropdown-layer-con .dropdown-footer .p-total strong{
    color:#e31939
}
.dropdown-layer-con .dropdown-footer a {
    float: right;
    height: 29px;
    padding: 0 10px;
    color: #fff;
    text-align: center;
    line-height: 29px;
    border-radius: 2px;
    background-color:#e31939
}

/*头部购物车列表end*/


/*弹框*/
.modal { min-width: 300px;padding-top: 10%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999999999; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
.modal-dialog { position: relative; width: 765px; margin: 100px auto;}
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 0; outline:0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.modal-header { min-height: 15px; padding: 10px 15px; border-bottom: 1px solid #e5e5e5;}
.modal-header h5{ font-size: 16px; line-height: 1.5; margin: 0; font-weight: normal;}
.modal-header .close { padding: 0; cursor: pointer; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; border: 0; font-size: 28px; margin-top: -8px; font-weight: normal; float: right; background: none;}
.modal-header .close:hover{ color: #E31939; opacity: 1;}
.modal-body { position: relative; padding: 15px 0;}
.modal-footer { padding: 15px 20px; text-align: center; border-top: 1px solid #e5e5e5;}
.modal-footer .btn { min-width: 60px; margin-left: 10px;}
.modal-footer .btn.btn-primary{ background-color: #E31939; color: #fff; font-size: 14px;}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999999999; background-color: #000; opacity: .5;}
#modal-box, .modal-box,.modal-backdrop{ display: none;}
.modal-box-con{ background: #fff;}
.modal-box-con p{ font-size: 14px;}
.modal-box-con p.prompt{ height: 30px; line-height: 30px;}
.modal-box-con p a.btn{ background: #E31939; display: inline-block; text-align: center; font-size: 12px; cursor: pointer; padding: 0 15px; color: #fff; border-radius: 2px; height: 30px; line-height: 30px; margin: 0 5px; border: none;}
.modal-box-con p a{ font-size: 12px;}


/*按钮样式*/
.btn{font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; display: inline-block; padding: 0 10px; height: 32px; line-height: 30px; color: #666; min-width: 80px; cursor: pointer; text-align: center; font-size: 12px; font-weight: 400; box-sizing: border-box; vertical-align: middle; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline:0; text-decoration: none; background-image: none; background-color: #f6f6f6; border: 1px solid #ccc; border-radius:2px;}
.btn:hover{ color:#333}
a.btn-primary, .btn-primary { background-color: #df3434; color: #fff; border-color: #df3434;}
a.btn-larger,.btn-larger{min-width: 120px;font-size: 16px;border-radius: 4px;height: 46px;line-height: 44px;padding: 0 20px;}
a.btn-primary:hover,.btn-primary:hover{color:#fff;background-color:#ee3f36;border-color:#ee3f36}
a.btn-primary:active,.btn-primary:active {background-color:#bc0400;color:#fff;border-color:#bc0400}
.btn.disabled,.btn.disabled:hover{border: 1px solid #eee;color: #ddd;cursor:not-allowed;background: #fff; }
.btn-link{ color:#0579c6;}